<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>宠物资讯</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link rel="stylesheet" href="css/swiper-3.4.0.min.css">
<link href="css/information.css" rel="stylesheet">

</head>
<body>
    <!--header 开始-->
    <header>
        <a href="index.html"><i class="iconfont back">&#xe608;</i></a>
        <span>宠物资讯</span>
        <a href="search.html"><i class="iconfont search">&#xe60a;</i></a>
    </header> 
    <!--header 结束-->

    <!--content 开始-->
    <div class="tabcontainer">
        <nav class="clearfix swiper-container" id="nav">
           <ul class="clearfix fl swiper-wrapper">
               <li class="swiper-slide active">推荐</li>
               <li class="swiper-slide">视频</li>
               <li class="swiper-slide">国内</li>
               <li class="swiper-slide">国际</li>
               <li class="swiper-slide">漫画</li>
               <li class="swiper-slide">训练</li>
               <li class="swiper-slide">训练</li>
           </ul>
           <i class="fl">+</i> 
        </nav>
        <div class="swiper-container" id="cn-cotainer">
            <div class="swiper-wrapper">
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner.jpg" alt="">
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="p2">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于至于至于</p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="p2">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="p2">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner1.jpg" alt=""> 
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="p2">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="p2">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="p2">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>            
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner2.jpg" alt=""> 
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>             
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner1.jpg" alt=""> 
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>             
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner.jpg" alt=""> 
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner1.jpg" alt=""> 
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>
                <div class="swiper-slide blue-slide">
                    <div class="banner">
                        <a href="#">
                           <img src="images/banner.jpg" alt=""> 
                        </a>
                        <p>你是我的小奶糖</p>
                    </div>
                    <div class="main">
                        <ul>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic1.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic2.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="consultation-details.html">
                                    <img src="images/pic3.jpg" alt="">
                                    <div class="describe">
                                        <h2>仓鼠有尾巴么？有，然并卵</h2>
                                        <p class="">仓鼠有尾巴么？很多朋友说道仓鼠第一反应都是他们圆嘟嘟的身子，至于 </p>
                                        <p>
                                            <span>3分钟前</span>
                                            <span class="visit">
                                                <i class="iconfont">&#xe64c;</i>
                                            2
                                            </span>
                                            <span class="weixin">
                                                <i class="iconfont">&#xe668;</i>
                                            2
                                            </span>
                                        </p>
                                        
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div> 
                </div>               
            </div>
        </div>
    </div>
    <!--content 结束-->

<script src="js/zepto.min.js"></script>
<script src="js/swiper-3.4.0.min.js"></script>
<script src="js/information.js"></script>
</body>
</body>
</html>